<template>
  <view class="my-page">
	<view class="head">
	  <view class="user-info">
		<view class="user-name">
			活动预告
		</view>
		<view class="bbb">
			
		</view>
	  </view>
	</view>
    <view class="list">
      <view class="list-item" v-for="i in 3" @click="jumpto">
		<image class="item-image" src="http://demo.cyyyds.cn/uploads/20250114/4.jpg"></image>
        <view class="item-text">
			<view class="h1">【中秋活动】夏博中秋系列活动来袭~~~</view>
			<view class="h2">2024-09-16 ~ 2024-09-17</view>
		</view>
      </view>
    </view>
  </view>
</template>

<script>
  import storage from '@/utils/storage'
  
  export default {
    data() {
      return {
        
      }
    },
    computed: {
      avatar() {
        return this.$store.state.user.avatar
      },
      windowHeight() {
        return uni.getSystemInfoSync().windowHeight - 50
      }
    },
    methods: {
		jumpto(){
			uni.navigateTo({
				url:"/pages/activity/detail"
			})
		} 
    }
  }
</script>

<style lang="scss" scoped>
.my-page {
  .head{
    background: url(http://demo.cyyyds.cn/uploads/20250114/1.jpg);
	background-size: 100% 100%;
    .user-info {
		padding: 50upx 0upx 0upx 0upx;
		display: flex;
		flex-direction: column;
		align-items: center;
		
		.user-icon {
		  width: 130upx;
		  height: 130upx;
		  border-radius: 50%;
		  margin-bottom: 30upx;
		}

		.user-name {
		  color: white;
		  font-size: 36upx;
		  letter-spacing: 5px;
		  font-weight: bold;
		  margin-bottom: 100upx;
		}
		
		.bbb{
			background: white;
			border-top-right-radius: 50upx;
			border-top-left-radius: 50upx;
			height:50upx;
			width: 100%;
			background-size: 100% 100%;
		}

    }
  	
  }
  .list {
	padding: 20upx 30upx;

    .list-item {
		margin-bottom: 20upx;
      .item-image{
		width:100%;
		height:360upx;
		border-radius: 30upx;
	  }
      
      .item-text {
        .h1{
			font-size:30upx;
			padding:5rpx;
		}
		.h2{
			font-size:24upx;
			padding:10rpx 5rpx;
		}
      }
    }
  }
}


</style>